<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>小兔鲜儿-新鲜、惠民、快捷！</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="iconfont/iconfont2.css">
</head>
<body>

<div>
    <div class="top">
        <div class="top_navigation_bar">
            <a href="#">请先登录</a>
            <span>|</span>
            <a href="#">免费注册</a>
            <span>|</span>
            <a href="#">我的订单</a>
            <span>|</span>
            <a href="#">会员中心</a>
            <span>|</span>
            <a href="#">帮助中心</a>
            <span>|</span>
            <a href="#">在线客服</a>
            <span>|</span>
            <a href="#"><span class="iconfont">&#xe678</span>手机版</a>
        </div>
    </div>
    <div class="main">
        <div class="top2">
            <div class="top_logo">
                <a href="#"><img src="images/logo.png"></a>
            </div>
            <div class="top_choose">
                <a href="#">首页</a>
                <a href="#">生鲜</a>
                <a href="#">美食</a>
                <a href="#">餐厨</a>
                <a href="#">电器</a>
                <a href="#">居家</a>
                <a href="#">洗护</a>
                <a href="#">孕婴</a>
                <a href="#">服装</a>
            </div>
            <div class="top_search">
                <div>
                    <span class="iconfont">&#xe67d</span>
                    <input type="text" placeholder="搜一搜">
                </div>
            </div>
            <div class="top_cart">
                <a href="#">
                    <span class="iconfont">&#xe746;</span>
                    <div class="cart_msg">2</div>
                </a>
            </div>
        </div>
        <div class="middle">
            <div class="right_swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="images/banner1.png">
                    </div>
                    <div class="pagination">
                        <span class="dot active"></span>
                        <span class="dot"></span>
                        <span class="dot"></span>
                    </div>
                </div>
                <!-- 分页器 -->

                <div class="left_list">
                    <ul>
                        <li>
                            <a href="#">
                                <span class="first_text">生鲜&nbsp;&nbsp;&nbsp;</span>
                                <span class="sec_text">水果&nbsp;蔬菜</span>
                                <span class="iconfont jiantou">&#xe687; </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="first_text">美食&nbsp;&nbsp;&nbsp;</span>
                                <span class="sec_text">面包&nbsp;干果</span>
                                <span class="iconfont jiantou">&#xe687; </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="first_text">餐厨&nbsp;&nbsp;&nbsp;</span>
                                <span class="sec_text">数码产品</span>
                                <span class="iconfont jiantou">&#xe687; </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="first_text">电器&nbsp;&nbsp;&nbsp;</span>
                                <span class="sec_text">床品&nbsp;四件套&nbsp;被枕</span>
                                <span class="iconfont jiantou">&#xe687; </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="first_text">居家&nbsp;&nbsp;&nbsp;</span>
                                <span class="sec_text">奶粉&nbsp;玩具&nbsp;辅食</span>
                                <span class="iconfont jiantou">&#xe687; </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="first_text">洗护&nbsp;&nbsp;&nbsp;</span>
                                <span class="sec_text">洗发&nbsp;洗护&nbsp;美妆</span>
                                <span class="iconfont jiantou">&#xe687; </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="first_text">孕婴&nbsp;&nbsp;&nbsp;</span>
                                <span class="sec_text">奶粉&nbsp;玩具</span>
                                <span class="iconfont jiantou">&#xe687; </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="first_text">服饰&nbsp;&nbsp;&nbsp;</span>
                                <span class="sec_text">女装&nbsp;男装</span>
                                <span class="iconfont jiantou">&#xe687; </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="first_text">杂货&nbsp;&nbsp;&nbsp;</span>
                                <span class="sec_text">户外&nbsp;图书</span>
                                <span class="iconfont jiantou">&#xe687; </span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="first_text">品牌&nbsp;&nbsp;&nbsp;</span>
                                <span class="sec_text">品牌制造</span>
                                <span class="iconfont jiantou">&#xe687; </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="bottom_content">
            <div>
                <h5>新鲜好物</h5>
                <h4>新鲜出炉 品质靠谱</h4>
                <h4>查看更多</h4>
                </br>
                </br>
                <div>abc</div>
            </div>
            <div class="bottom_2">
                <div class="bottom_3">
                    <div class="bottom_4">
                        <div class="b_img_1"><img src="images/sprite.png"></div>
                        <div class="b_text">价格亲民</div>
                    </div>
                    <div class="bottom_4">
                        <div class="b_img_2"><img src="images/sprite.png"></div>
                        <div class="b_text">物流快捷</div>
                    </div>
                    <div class="bottom_4">
                        <div class="b_img_3"><img src="images/sprite.png"></div>
                        <div class="b_text">品质新鲜</div>
                    </div>
                    <div class="bottom_4">
                        <div class="b_img_4"><img src="images/sprite.png"></div>
                        <div class="b_text">售后无忧</div>
                    </div>
                </div>

                <div class="bottom_5">
                    <div class="half_bottom_5">
                        <div class="bottom5_part">
                            <div class="ul_title">购物方式</div>
                            <ul>
                                <li><a>购物流程</a></li>
                                <li><a>支付方式</a></li>
                                <li><a>售后规则</a></li>
                            </ul>
                        </div>
                        <div class="bottom5_part">
                            <div class="ul_title">购物方式</div>
                            <ul>
                                <li><a>购物流程</a></li>
                                <li><a>支付方式</a></li>
                                <li><a>售后规则</a></li>
                            </ul>
                        </div>
                        <div class="bottom5_part">
                            <div class="ul_title">购物方式</div>
                            <ul>
                                <li><a>购物流程</a></li>
                                <li><a>支付方式</a></li>
                                <li><a>售后规则</a></li>
                            </ul>
                        </div>
                        <div class="bottom5_part">
                            <div class="ul_title">购物方式</div>
                            <ul>
                                <li><a>购物流程</a></li>
                                <li><a>支付方式</a></li>
                                <li><a>售后规则</a></li>
                            </ul>
                        </div>
                    </div >
                    <div class="half_bottom_5">
                        <div class="bottom5_part2">
                            <div class="ul_title">购物方式</div>
                            <ul>
                                <li>
                                    <a class="a2">在线客服
                                        <span class="iconfont2">
                                         &#xec35;
                                        </span>
                                    </a>
                                </li>
                                <li><a>客服电话400-0000-000</a></li>
                                <li><a>工作时间 周一到周日 8:00-18:00</a></li>
                            </ul>
                        </div>
                        <div class="bottom5_part3">
                            <img src="images/wechat.png">
                            <div>微信公共号</div>
                        </div>
                        <div class="bottom5_part3">
                            <img src="images/app.png">
                            <div>APP下载二维码</div>
                        </div>
                    </div>
                </div>
                <div class="bottom_6">
                    <a>关于我们</a>
                    <span>|</span>
                    <a>帮助中心</a>
                    <span>|</span>
                    <a>售后服务</a>
                    <span>|</span>
                    <a>配送与验</a>
                    <span>|</span>
                    <a>商务合作</a>
                    <span>|</span>
                    <a>搜索推荐</a>
                    <span>|</span>
                    <a>友情链接</a>
                </div>
                <div class="bottom_7"> CopyRight&copy;小兔鲜</div>
            </div>
        </div>
    </div>
</div>



</body>
</html>